<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0">
    <title>登录</title>
    <!--引用第三方的样式-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <!--引用样式重置文件-->
    <link rel="stylesheet/less" href="./css/base.less">
    <!--引用自己的样式文件-->
    <link rel="stylesheet/less" href="./css/gnzkreset.less"/>
    <link rel="stylesheet/less" href="./css/login.less">
    <!--引用less.js-->
    <script src="./lib/less/less.min.js"></script>
</head>
<body>
<header id="header">
    <a href="../index.html" class="mmm">
        <img src="./images/header_logo.png" alt=""/>
    </a>
    <a href="#" class="app">
        <img src="./images/header_app.png" alt=""/>
    </a>
</header>

<section id="section">
    <form action="" id="login">
        <div class="mmb-login">
            <img src="./images/login.png" alt=""/>
        </div>
        <input type="text" placeholder="请输入用户名"/>
        <input type="text" placeholder="密码(6-20个字符)"/>
        <input type="button" value="登录"/>
    </form>
</section>

<footer id="foot">
    <ul class="clearfix">
        <li><a href="login.html">登录</a></li>
        <li><a href="register.html">注册</a></li>
        <li><a href="#header"><span class="glyphicon glyphicon-arrow-up"></span>返回顶部</a></li>
    </ul>
    <div class="foot-info">
        <a href="javascript:;">手机APP下载</a>
    </div>
</footer>
</body>
<script src="./lib/jquery/jquery.js"></script>
<!--引用bootstrap.js-->
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>
</html>